body{ font-family: 'Microsoft YaHei';font-weight:300;}
h1,h2,h3,h4,h5,h6{
	font-weight:300;
}
#welcome{
	position:fixed;
	z-index:9999;
	top:0;
	right:0;
	bottom:0;
	left:0;
	width:100vw;
	height:100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	align-items: center;
	margin:0 auto;
	background-color:#fff;
}
	#welcome img{
		position:absolute;
		max-width:420px;
		max-height:420px;
		cursor:pointer;
	}

#header {
	background:#fff url(../images/header-bg.png) no-repeat right top;
	background-size:500px 250px;
}

#header>.navbar .navbar-main {
	padding-top:20px;
	width:100%;
	z-index: 999;
}
#header>.navbar>.navbar-main.affix{
	padding-top:0;
	background-color:#fff;
	top: 0;
	border-bottom:3px solid #1a70db;
	box-shadow:0 2px 3px 0px rgba(200,200,200,.6);
}
#header>.navbar>.navbar-main .navbar-header .navbar-brand{
	height:80px;
	width:280px;
	margin:0 auto;
	background: url(../images/logo.png) no-repeat center center;
	background-size: contain;
	text-indent: -9999em;
	transition:all .4s;
}
#header>.navbar>.navbar-main.affix .navbar-header .navbar-brand{
	height:70px;;
}

#header>.navbar .navbar-main .navbar-collapse>.navbar-nav {
	transition:all .3s;
	float:none;
}
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li>a {
	padding:15px 20px;
	margin:15px 5px;
	color:black;
	transition:all .2s;
}
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li>a:hover,
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li>a:focus,
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li.open>a,
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li.open>a:focus,
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li.open>a:hover {
	font-weight: bolder;
	border-radius:4px;
	background-color: #015bca;
    color: #fff;
}
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li>a>span {
	display:block;
	font-size:1.2em;
}
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li>a>small {
	text-transform:uppercase;
	display:none;
	font-size:.8em;
	opacity:0.45;
	transition:all .1s;
}
#header>.navbar .navbar-main.affix .navbar-collapse>.navbar-nav>li>a>small {
	display:none;
}
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li>.dropdown-menu{
	border-radius:5px;
}
#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li>.dropdown-menu>li>a {
    padding: 8px 20px;
    line-height: 1.52857143;
	font-size:1.1em;
}

#header>.navbar .navbar-main.affix+.placeholder{
	height:200px;
}



.carousel.slide .carousel-inner .item .carousel-caption{
	left:25%;
	right:25%;
	top:35%;
	bottom:35%;
	background-color: rgba(0,0,0,.4);
}

.carousel.slide{margin-bottom: 20px;}
.carousel.slide .carousel-inner .item img{max-height: 600px;margin:0 auto;}
.carousel.slide .carousel-indicators li{
	width: 10px;
	height: 10px;
	border-radius: 3;
	background-color: transparent;
	border-color: #015bca;
	margin: 0;
	transition:all .2s;
}
.carousel.slide .carousel-indicators li.active{
	width: 25px;
	background-color: #f50;
	border-color: #f50;
}
.carousel.slide .carousel-control.left,.carousel-control.right {
    background-image:none;
}

.carousel.slide .carousel-indicators.thumb{ position:static; left:auto; bottom:auto; margin-top:10px; width:100%; margin-left:0;}
.carousel.slide .carousel-indicators.thumb li{ width: 90px; height: 70px; border-radius: 2px; background-color: #fff; margin:5px; padding:2px; text-indent:0; border:1px solid #eee;}
.carousel.slide .carousel-indicators.thumb li.active{ width: 90px; height: 70px; position:relative;
	background-color: #f80;
	border-color: #f80;
}
.carousel.slide .carousel-indicators.thumb li.active:before{
    position: absolute;
    top: -18px;
    left: 37px;
    content: " ";
    border-color: transparent;
    border-style: solid;
    border-width: 9px;
    display: block;
    width: 0;
    height: 0;
    z-index: 1;
    border-bottom-color: #f80;
  }
.carousel.slide .carousel-indicators.thumb li img{ width: 84px; height: 64px;}





/*首页3大品牌战略*/
.BrandPositioning{
	counter-reset: screen 0;
}
.BrandPositioning .panel-default{
}
.BrandPositioning .panel-default>.panel-heading{
	background-color:#015bca;
	border-color:#015bca;
}

.BrandPositioning .panel-default>.panel-heading:before {
	content: counter(screen,decimal);
	counter-increment: screen 1;
	position: absolute;
	text-align: center;
	font-size:60px;
	font-family: Impact;
	color:#fff;
}
.BrandPositioning .panel-default>.panel-heading h2{
	font-size:32px;
	color:#fff;
	margin-left:50px;
}
.BrandPositioning .panel-default>.panel-heading p{
	color:#fff;
	margin-left:50px;
}

.pagination li a,
.pagination li a:hover{
	font-size:1.1em;
    color: #555;
}
.pagination li.disabled a,
.pagination li.disabled a:hover{
    color: #fff;
    background-color: #015bca;
    border-color: #015bca;
}

.header-title{ padding:0; margin-bottom: 15px; border-bottom: 1px solid #ccc; height: 40px; line-height: 40px; }
.header-title h3,.header-title h4,.header-title h5{ margin: 0; padding: 0; height: 40px; line-height: 40px; }
.header-title .title-green{ color:#080; border-bottom: 1px solid #080; height: 40px; line-height: 40px; float: left; margin-right: 10px; font-family: 'Microsoft YaHei'}
.header-title .title-red{ color:#015bca; border-bottom: 1px solid #015bca; height: 40px; line-height: 40px; float: left; margin-right: 10px; font-family: 'Microsoft YaHei'}
.header-title .pull-right{ height: 40px; line-height: 40px;}

	.fenlei {
		padding:50px 0 100px 0;
	}
	.fenlei h1{
		color:#015bca;
	}
	.fenlei figure{
		border:2px solid rgba(120,120,120,.28);
		background-color:rgba(0,150,0,.01);
		padding:10px 5px;
		margin:5px 0;
		border-radius:5px;
		font-size:16px;
	}
	.fenlei figure img{
		margin:0 0 10px 0;
		transform: scale(1);
	}
	.fenlei figure:hover{
		border-radius:10px;
		transition: 0.35s;
		border:2px solid rgba(230,120,0,1);
		box-shadow:0 0 1px 1px rgba(230,120,0,1);
		background-color:rgba(230,120,0,.06);
	}
	.fenlei figure a{
		color:#015bca;
	}
	.fenlei figure:hover a{
		color:rgba(230,120,0,1);
	}
	.fenlei figure:hover img{
		transition: transform 0.65s;
		transform: scale(1.2);
	}
	.tuijianchanpin {
		padding:50px 0;
	}
	.tuijianchanpin h1{
		color:#015bca;
	}
	.tuijianchanpin .nav-pills>li>a {
		color: #015bca;
		margin:0 10px;
	}
	.tuijianchanpin .nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
		color: #fff;
		background-color: #015bca;
	}
	.zuixinanli{
		padding:60px 0;
	}
	.zuixinanli h1{
		color:#015bca;
	}
    .wenzhang {
		padding:60px 0;
	}	
    .youshi{ padding:30px 0 30px 0; background: url(../images/twill-bg.jpg); background-size:cover;}
	.youshi h1{ color:#015bca;}
	.youshi hr{ border-color:#eee; margin:40px 0;}
    .youshi .cailiaogongyi-item { display:block; text-decoration: none; border: 0px solid transparent; /*padding:20px;*/ min-height: 160px;}
    .youshi .cailiaogongyi-item i.fa{ background-color: rgba(255,255,255,.8); color: #015bca; width: 160px; height: 160px; line-height: 150px; font-size: 5.8em; border: 0px solid #ededed; border-radius:50%; border: 5px solid rgba(0,0,0,.1); transition: .3s;}
    .youshi .cailiaogongyi-item:hover i.fa{ background-color: #015bca; color: rgba(255,255,255,1); font-size: 6.2em; line-height: 150px; border-color:#015bca; box-shadow:3px 3px 10px 3px #ccc;}
    .youshi .cailiaogongyi-item h4{ font-family: 'Microsoft YaHei'; color:rgba(0,0,0,.8);}
    .youshi .cailiaogongyi-item h4 small{ font-family: 'Microsoft YaHei'; color:rgba(120,120,120,.6);}
    .youshic .cailiaogongyi-item p small{ color: #015bca;}
    .youshi .cailiaogongyi-item:hover h4{ color: #015bca;}
    .youshi .cailiaogongyi-item:hover p small{ color: #015bca;}

	
.list-news li{padding-top: 4px; padding-bottom: 4px; border-bottom:1px dotted #eee; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%; }

.content{ min-height:600px;}
.content img{ max-width:100%;}
.shejishimen{ overflow:hidden; height:340px;}


#footer-nav{ border-top: 1px solid #222;background: #262626 url(../images/footer-bg.jpg) repeat top center; color: #fff; padding-top:35px; padding-bottom:35px;}
#footer-nav .btn-tel{ border-color: #600; color:#500; background-color:transparent; margin: 10px 0;}
#footer-nav .btn-tel:hover{ border-color: #b00; color: #edcea6; background-color: #b00;}
#footer-nav img{max-width: 100%; height: auto;}
#footer-nav dl{ border-right: 1px solid #2f2f2f;}
#footer-nav dl dt{ color: #888; margin-bottom: 10px; font-family: 'Microsoft YaHei'}
#footer-nav dl dd{ line-height: 200%;}
#footer-nav dl dd a{ color: #fff; font-family: 'Microsoft YaHei'}
#footer-copyright{ background: #222; color: #888; padding: 5px;}
#footer-copyright a{ color: #888; font-family: 'Microsoft YaHei'}

.text-orange,.text-orange:hover, .text-orange a, .text-orange a:hover{ color: #d83;}
.text-black,.text-black:hover, .text-black a, .text-black a:hover{ color: #222;}
.text-white, .text-white:hover, .text-white a, .text-white a:hover { color: #fff;}
.text-red, .text-red:hover, .text-red a, .text-red a:hover { color: #a00;}
.text-green, .text-green:hover, .text-green a, .text-green a:hover { color: #080;}

.thumbnail { position: relative;}
.thumbnail figcaption p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:100%;}
.thumbnail figcaption::before {
	background-color: rgba(250,150,0,.06);
	position: absolute;
	top: 4px;
	right: 4px;
	bottom: 4px;
	left: 4px;
	content: '';
	opacity: 0;
	transition: opacity 0.35s, transform 0.35s;
	transform: scale(0);
}
.thumbnail figcaption::after {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	content: '\f002';
	text-align: center;
	color: #f50;
	font: normal normal normal 40px/1 FontAwesome;
	opacity: 0;
	transition: opacity 0.65s, transform 0.65s;
	transform: scale(2);
}
.thumbnail:hover figcaption::before,.thumbnail:hover figcaption::after{	opacity: 1;	transform: scale(1);}
a.thumbnail:hover{ text-decoration: none; border:1px solid #f50; box-shadow:0 0 1px 1px #f50;}
.thumbnail:hover img{ transition: opacity 0.65s, transform 0.65s; transform: scale(1.02); }

.ads{ width: 100%; margin-bottom: 15px;}

	#service {
		bottom: 20%;
		right: 30px;
		width: 50px;
		position: fixed;
		z-index: 1000;
	}
	#service .btn-danger{
		background-color: #015bca;
		border-color: #1a70db;
	}
	#service .btn-danger:hover{
		background-color: #1a70db;
	}
	
@media (min-width: 768px){
	
	#header>.navbar .navbar-main .navbar-collapse>.navbar-nav {
		float:right;
	}
	#header>.navbar .navbar-main .navbar-collapse>.navbar-nav>li {
		width:auto;
	}
	
    .banner{
		padding-top: 0px;
		padding-bottom: 0px;
		background: #015bca;
		color:#fff;
		background: linear-gradient(to right,rgba(26,112,219,.97), rgba(1,91,202,.97));
	}
    .banner h1{
		font-size:25px;
		margin-top:40px;
		margin-bottom:30px;
	}
    .banner h1+p{
		margin-top:-20px;
		margin-bottom:30px;
	}
	.banner .breadcrumb {
		margin-top:40px;
		margin-bottom:30px;
		background-color: transparent;
		border-radius: 0;
		color:#fff;
	}
	.banner .breadcrumb a {
		color:#fff;
	}
	.banner .nav-tabs a{
		color:#fff;
	}
	.banner .nav-tabs a:hover{
		color:#333;
	}
    .main{ padding-top: 20px; min-height:500px;}
    .loupan { border: 1px solid transparent; border-bottom: 1px dashed #ddd; margin-bottom: 15px;}
    .loupan:hover{ border: 1px solid #eee; border-bottom: 3px solid #a00; background-color: transparent; margin-bottom: 13px;}
    .content{ line-height: 200%;font-size: 18px; margin-bottom: 20px;}
    .list-news li{ padding-top: 4px; padding-bottom: 3px;}
    .shejishimen{ overflow:hidden; height:276px;}
}

@media (min-width: 1200px) {

    .thumbnail img { margin-bottom: 10px; }
    .list-news li{ padding-top: 7px; padding-bottom: 7px;}
    .shejishimen{ overflow:hidden; height:335px;}
    .modal-lg {  width:1200px;}
}

@media (min-width: 1600px){
    .container {width: 1440px;}
	
    .thumbnail img { margin-bottom: 12px; }
    .list-news li{ padding-top: 11px; padding-bottom: 10px;} 
    .shejishimen{ overflow:hidden; height:405px;}
    .modal-lg {  width:1400px;}
}